<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    
    <body>

        <ui:composition template="./TemplatePrincipal.xhtml">

            <ui:define name="left">
                
            </ui:define>

            <ui:define name="right">
                
            </ui:define>

            <ui:define name="content">

                <f:view>
                    <center><h:panelGrid columns="3">
                        <h:outputLabel value=""/>
                     <p:panel header="Crear / Editar USUARIOS">
                         <h:form>
                             <p:growl/>
                        <h:panelGrid columns="2">
                            
                            <h:outputLabel value="Nombre:" for="nombre" />
                            <p:inputText id="nombre" value="#{userBean.user.nombre}" title="Nombre" required="true">
                                <f:validateRegex pattern="[a-zA-Z\s]{3,45}"/>
                            </p:inputText>
                            
                            <h:outputLabel value="Apellido Paterno:" for="apellidoPaterno" />
                            <p:inputText id="apellidoPaterno" value="#{userBean.user.apellidoPaterno}" title="ApellidoPaterno" required="true" validatorMessage="Letras mayusculas y minusculas">
                                <f:validateRegex pattern="[a-zA-Z\s]{3,45}"/>
                            </p:inputText>
                           
                            <h:outputLabel value="Apellido Materno:" for="apellidoMaterno" />
                            <p:inputText id="apellidoMaterno" value="#{userBean.user.apellidoMaterno}" title="ApellidoMaterno" required="true" validatorMessage="Letras mayusculas y minusculas">
                                <f:validateRegex pattern="[a-zA-Z\s]{3,45}"/>
                            </p:inputText>
                            
                            <h:outputLabel value="Clave:" for="clave" />
                            <p:inputMask value="#{userBean.clave}" mask="9999999" required="true" validatorMessage="Tienen que ser 7 numeros"/>
                           
                  
                            
                            <h:outputLabel value="Direccion:" for="direccion" />
                            <p:inputText id="direccion" value="#{userBean.user.direccion}" title="Direccion" required="true" requiredMessage="The Direccion field is required.">
                                 <f:validateRegex pattern="^.*(?=.*[0-9])(?=.*[a-zA-ZñÑ\s]).*$"/>
                            </p:inputText>
                            
                            <h:outputLabel value="Colonia:" for="colonia" />
                            <p:inputText id="colonia" value="#{userBean.user.colonia}" title="Colonia" required="true" validatorMessage="Letras mayusculas y minusculas">
                                <f:validateRegex pattern="[a-zA-Z\s]{3,45}"/>
                            </p:inputText>
                            
                            <h:outputLabel value="Codigo Postal:" for="codigoPostal" />
                            <p:inputMask value="#{userBean.codigoPostal}" mask="99999" required="true" validatorMessage="Tienen que ser 5 numeros"/>
                            
                            <h:outputLabel value="Municipio:" for="municipio" />
                            <p:inputText id="municipio" value="#{userBean.user.municipio}" title="Municipio" required="true" validatorMessage="Letras mayusculas y minusculas">
                                <f:validateRegex pattern="[a-zA-Z\s]{3,45}"/>
                            </p:inputText>
                            
                      
                           <h:outputText value="Telefono: " />  
                           <p:inputMask value="#{userBean.telefono}" mask="99999999" validatorMessage="Tienen que ser 8 numeros">
                           </p:inputMask>
                          
                            <h:outputLabel value="Celular:" for="celular" />
                            <p:inputText id="celular" value="#{userBean.celular}" title="Celular" validatorMessage="Tienen que ser 0 ó 8 numeros">
                                <f:validateRegex pattern="[0-9]{0,8}"/>
                            
                            </p:inputText>
                        
                            <h:outputLabel value="Colegiatura:" for="colegiatura" />
                            <p:inputText id="colegiatura" value="#{userBean.user.colegiatura}" title="Colegiatura" required="true" validatorMessage="Tienen que ser 0 ó 4 numeros">
                                <f:validateLongRange minimum="0" maximum="9999"/>
                            </p:inputText>
                            
                            
                            <h:outputLabel value="FechaInicio:" for="fechaInicio" />                          
                            <p:calendar value="#{userBean.user.fechaInicio}" id="popupCal">  
                                <f:convertDateTime pattern="dd/MM/yy" />
                            </p:calendar>
                            
                            <h:outputLabel value="Carrera:" for="carrera" />
                            <p:selectOneMenu value="#{userBean.user.carrera}" required="true" requiredMessage="The IdUsuario field is required.">
                                <!-- TODO: update below reference to list of available items-->
                                <f:selectItems value="#{userBean.carreras}" var="item" itemValue="#{item.nombre}"/>
                            </p:selectOneMenu>
                            
                        <h:outputLabel value="Horario:" for="horario" />
                        <p:selectOneMenu value="#{userBean.user.horario}" required="true" requiredMessage="The IdUsuario field is required.">
                                <!-- TODO: update below reference to list of available items-->
                                <f:selectItems value="#{userBean.horario}" var="item" itemValue="#{item.hora}"/>
                            </p:selectOneMenu>
                        </h:panelGrid>
                             <center>
                            <p:commandButton action="ConfirmarUsuario" value="Aceptar" ajax="false"/>
                            <p:commandButton action="Usuario" value="Cancelar" immediate="true" ajax="false"/>
                             </center>
                        </h:form>
                     </p:panel>
                         <h:outputLabel value=""/>
                        </h:panelGrid></center>
                </f:view>

            </ui:define>

        </ui:composition>

    </body>
</html>
